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(57) Abstract 

A svstem (\0) is provided for developing Hyper Text Markup Language (HTML) documents. The system (10) includes an interface 
(12) J^X!^^ viewing panel (40) simultaneously displayed. The editing panel (38) recess 

4 and format information (16). The viewing panel (40) functions to display a web page (26) A processor 18 24), coup «d to the 
Interface (? "erTI "or modifies an HTML file (20) in response to the content information (14) and format mformauon (16). The 
processor (18, 24) further interprets the HTML file (20) in order to render the web page (26). 



BNSDOCID:<WO 9836365A1 I > 



FOR THE PURPOSES OF INFORMATION ONLY 



Codes used to identify States party to the PCT on the front pages of pamphlets publishing international applications under the PCT. 



AL Albania ES Spain 

AM Armenia Fl Pinland 

AT Austria FR France 

AU Australia GA Gabon 

AZ Azerbaijan GB United Kingdom 

BA Bosnia and Herzegovina GE Georgia 

BB Barbados Gil Ghana 

BE Belgium GN Guinea 

BF Burkina Faso GR Greece 

BG Bulgaria HU Hungary 

BJ Benin IE Ireland 

BR Brazil IL Israel 

BY Belarus IS Iceland 

CA Canada IT Italy 

CF Central African Republic JP Japan 

CG Congo KE Kenya 

CH Switzerland KG Kyrgyzstan 

CI C&ted'lvoire KP Democratic Peopled 

CM Cameroon Republic of Korea 

CN China KR Republic of Korea 

CU Cuba KZ Kazakstan 

CZ Czech Republic LC Saint Lucia 

|)E Germany LI Liechtenstein 

DK Denmark LK Sri Lanka 

ME Estonia LR Liberia 



LS 


Lesotho 


SI 


Slovenia 


LT 


Lithuania 


SK 


Slovakia 


LU 


Luxembourg 


SN 


Senegal 


LV 


Latvia 


SZ 


Swaziland 


MC 


Monaco 


TD 


Chad 


MD 


Republic of Moldova 


TG 


Togo 


MG 


Madagascar 


TJ 


Tajikistan 


MK 


The former Yugoslav 


TM 


Turkmenistan 




Republic of Macedonia 


TR 


Turkey 


ML 


Mali 


TT 


Trinidad and Tobago 


MN 


Mongolia 


UA 


Ukraine 


MR 


Mauritania 


UG 


Uganda 


MW 


Malawi 


US 


United States of America 


MX 


Mexico 


uz 


Uzbekistan 


NE 


Niger 


VN 


Viet Nam 


NL 


Netherlands 


YU 


Yugoslavia 


NO 


Norway 


ZW 


Zimbabwe 


NZ 


New Zealand 






PL 


Poland 






PT 


Portugal 






RO 


Romania 






RU 


Russian Federation 






SD 


Sudan 






SE 


Sweden 






SG 


Singapore 







WO 98/36365 



PCT/US98/02677 



1 



HYPER TEXT MARKUP LANGUAGE DEVELOPMENT TOOL 



TECHNICAL FIELD OF THE INVENTION 

This invention relates generally to the field of 
computers, and more particularly, to a Hyper Text Markup 
Language development tool. 
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BACKGROUND OF THE INVENTION 

The Internet is an interconnection of computers 
located throughout the world. The Internet allows 
businesses, groups, and individuals to communicate and 
5 conduct business electronically. One application which 

is supported by the Internet is the World Wide Web (the 
"Web") . The Web comprises a number of computer servers 
("servers") containing information which may be accessed 
by any of a number of users operating an appropriate 
10 computer ("client"), such as a personal computer, 

connected to the Internet. The information available on 
the Web is typically in the form of web pages. The term 
"web page" is used herein to mean any computer file 
capable of being provided through a computer network to a 
15 client, processed, and then displayed. An increasing 

popularity of the Web in recent years has spawned an 
entire industry for the development of web pages. That 
is, many people, generally known as web page designers, 
are now in the business of creating web pages for others 
20 who wish to establish a presence on the Web. 

Web page designers use a descriptive language known 
as Hyper Text Markup Language (HTML) and scripting 
languages, such as JAVASCRIPT, to develop web pages that 
may be displayed at a client. HTML supports the 
25 formatting of documents, the addition of graphics to such 

documents, and hyperlinks to other documents. An HTML 
document comprises text which has been "marked up" with 
tags to specify the document's structure and formatting. 
These tags, which comprise instructions enclosed in 
30 angled brackets, are inserted just before, or before and 

after, the text affected. Software at a client 
interprets the tags and text of an HTML document to 
render or display a web page. 
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A number of tools have been created in recent years 
to assist web page designers in developing HTML documents 
from which web pages can be rendered. These prior 
development tools, however, have suffered from numerous 
5 problems. For example, one prior development tool 

operated like a word-processor so that a web page 
designer only saw information as it would appear on a 
rendered web page— the HTML tags were invisible to the 
designer. For web page designers who were not very 
10 knowledgeable of HTML, this prior development tool was 

not suitable as a tutorial of HTML. In another prior 
HTML development tool, formatting tags could be generated 
by pressing certain buttons on a WINDOWS-type graphical 
user interface (GUI). When generated, however, these 
formatting tags would appear at the end of all the 
textual content of an HTML document. Because a user was 
required to copy and move the tags to their appropriate 
locations throughout the document, this prior tool was 
inconvenient . 
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SUMMARY OF THE INVENTION 

In accordance with the present invention, the 
disadvantages and problems associated with prior HTML 
development tools have been substantially reduced or 

5 eliminated. 

According to an embodiment of the present invention, 
a system is provided for developing Hyper Text Markup 
Language (HTML) documents. The system includes an 
interface having an editing panel and a viewing panel 
10 simultaneously displayed. The editing panel receives 

content information and format information. The viewing 
panel functions to display a web page. A processor, 
coupled to the interface, generates or modifies an HTML 
file in response to the content information and format 
15 information. The processor further interprets the HTML 

file in order to render the web page. 

According to another embodiment of the present 
invention, a method is provided for developing HTML 
documents. In the method, an editing panel and a viewing 
20 panel are simultaneously displayed. Content information 
and format information are received at the editing panel. 
An HTML file is generated in response to the received 
content information and the format information. The 
generated HTML file is interpreted in order to render a 
25 web page corresponding to the- generated HTML file. The 
rendered web page is displayed on the viewing panel. 

Important technical advantages of the present 
invention include an HTML development tool comprising an 
editing panel and a viewing panel, which are 
simultaneously displayed to a user. The editing panel 
can be used to generate HTML tags throughout a textual 
document, these tags being visible to the user. The 
viewing panel shows the web page which may be rendered 
from the marked-up textual document. Because the marked- 



30 



WO 98/36365 PCT/US98/02677 



up textual document and the rendered web page are 
simultaneously presented to the user, the present 
invention may function as a tutorial for users who are 
not extremely knowledgeable of HTML. 

Another technical advantage of the present 
invention, includes providing a graphical user interface 
(GUI) have a plurality of buttons, lists boxes, and/or 
other interactive devices which can be used to generate 
HTML tags at appropriate locations throughout a textual 
document. Consequently, a user is required neither to 
manually type in such tags nor to copy and move tags to 
appropriate locations throughout the textual document. 
Accordingly, the present invention facilitates the 
development of an HTML document. 
15 other important technical advantages are readily 

apparent to one skilled in the art from the following 
figures, description, and claims. 
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BRIEF -DESCRIPTION OF THE DRAWINGS 

For a more complete understanding of the present 
invention and for further features and advantages, 
reference is now made to the following description taken 
5 in conjunction with the accompanying drawings, in which: 

FIGURE 1 illustrates an exemplary system for 
developing an HTML document, in accordance with an 
embodiment of the present invention; 

FIGURE 2 illustrates an exemplary development screen 
10 generated by the system shown in FIGURE 1; and 

FIGURE 3 is a flowchart of a exemplary method for 
developing an HTML document, according to an embodiment 
of the present invention. 

15 
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DETAILED DESCRIPTION OF THE INVENTION 

The preferred embodiment of the present invention 
and its advantages are best understood by referring to 
FIGURES 1-3 of the drawings, like numerals used for like 
and corresponding parts of the various drawings. 

Turning first to the nomenclature of the 
specification, the detailed description which follows is 
represented largely in terms of processes and symbolic 
representations of operations by conventional computer 
components, such as a central processing unit ("CPU") or 
processor associated with a general purpose computer 
system, memory storage devices for the processor, and 
connected pixel-oriented display devices. These 
operations include the manipulation of data bits by the 
15 processor and the maintenance of these bits within data 
structures resident in one or more of the memory storage 
devices. Such data structures impose a physical 
organization upon the collection of data bits stored 
within computer memory and represent specific electrical 
20 or magnetic elements. These symbolic representations are 
the means used by those skilled in the art of computer 
programming and computer construction to most effectively 
convey teachings and discoveries to others skilled in the 
art . 

25 For the purposes of this discussion, a process, 

method, routine, or sub-routine is generally considered 
to be a sequence of computer-executed steps leading to a 
desired result. These steps generally require 
manipulations of physical quantities. Usually, although 
not necessarily, these quantities take the form of 
electrical, magnetic, or optical signals capable of being 
stored, transferred, combined, compared, or otherwise 
manipulated. It is conventional for those skilled in the 
art to refer to these signals as bits, values, elements, 
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symbols, characters, texts, terms, numbers, records, 
files, or the like. It should be kept in mind, however, 
that these and some other terms should be associated with 
appropriate physical quantities for computer operations, 
5 and that these terms are merely conventional labels 
applied to physical quantities that exist within and 
during operation of the computer. 

It should also be understood that manipulations 
within the computer are often referred to in terms such 
10 as adding, comparing, moving, or the like, which are 

often associated with manual operations performed by a 
human operator. It must be understood that no 
involvement of the human operator may be necessary, or 
even desirable, in the present invention. The operations 
15 described herein are machine operations performed in 
conjunction with the human operator or user that 
interacts with the computer or computers. 

In addition, it should be understood that the 
programs, processes, methods, and the like, described 
20 herein are but an example of one implementation of the 
present invention and are not related or limited to any 
particular computer, apparatus, or computer language. 
Rather, various types of general purpose computing 
machines or devices may be used with programs constructed 
25 in accordance with the teachings described herein. 

Similarly, it may prove advantageous to construct a 
specialized apparatus to perform the method steps 
described herein by way of dedicated computer systems 
with hardwired logic or programs stored in non-volatile 
30 memory, such as read only memory (ROM) . 

Referring now to the drawings, FIGURE 1 illustrates 
a system 10 for developing HTML documents, according to 
an embodiment of the present invention. Development 
system 10 includes an interface (I/F) 12 for inputting, 
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retrieving, and forwarding information. The 
functionality of interface 12 can be performed by one or 
more suitable input devices, such as a keypad, touch 
screen, input port, pointing device (e.g., mouse), and/or 
5 other device that can accept information, and one or more 

suitable output devices, such as a computer display, 
output port, speaker, or other device, for conveying 
information associated with the operation of development 
system 10, including digital data, visual information, or 

10 audio information. 

Interface 12 receives content information 14, format 
information 16, and instructions from a user of 
development system 10. Content information 14 may 
comprise textual information (e.g., letters, numbers, 
words, alpha-numeric combinations, symbols, and the like) 
which a user desires to display on a web page for any of 
a number of reasons, such as to advertise a product or 
service, promote discussion with others, or provide 
information to people "surfing" the Internet. 

Format information 16 comprises HTML markup 
information in the form of HTML tags. HTML tags are 
typically instructions enclosed in angled brackets which 
are inserted or added to textual information. These tags 
identify parts of a web page such as headers, footers, 
bulleted lists, body text, on-screen forms, fill-in text 
boxes, option buttons, radio buttons, drop-down list 
boxes, images to be displayed, hypertext links, colors, 
fonts, and various other formatting concepts. HTML tags 
may be included in the following four categories: (1) 
formatting tags which create paragraphs, tables, italics, 
bold face text, other format-related attributes; (2) 
structuring tags which establish the title, body, and 
headings of web pages as well as the sequence of or 
relationships between pages; (3) hyperlink tags 
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specifying which elements on the page are' hyperlinks no 
other pages, and where the links go; and (4) meta-content 
tags which describe the overall contents and structure of 
the document for purposes of navigation, indexing, 
5 categorization, and citation. 

The instruction received via interface 12 may be 
entered by a user to, for example, generate, modify, or 
remove content information 14 and format information 16. 
As shown and described below in more detail with 
10 reference to FIGURE 2, interface 12 may comprise a 

development screen in which an editing panel and viewing 
panel are simultaneously presented to a user of 
development system 10. Content information 14 and format 
information 16 are entered by and visible to a user on 
15 the editing panel. Instructions can be received at the 

editing panel to generate, modify, or remove content and 
format information. A web page (which results from the 
rendering of an HTML document created from the 
combination of the content information 14 and format 
20 information 16, as described herein) can be displayed to 

a user on the viewing panel. 

A generate module 18 is coupled to interface 12. 
The functionality of generate module 18 may be performed 
by a processor, such as a main-frame, file server, 
25 workstation, or other suitable data processing facility 
running appropriate software, such as, for example, 
NAVIGATOR 3.0. Generate module 18 functions to generate 
one or more HTML documents or files 20 in response to the 
content information 14, formatting information 16, and 
associated instructions received from a user via 
interface 12. Each HTML file 20 comprises textual 
information with HTML tags distributed throughout. Each 
HTML file 20 can be used, either alone or in combination 
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with other HTML files, to generate a web page which may 
be displayed at a suitable site, such as a client. 

An HTML file memory 22 is coupled to generate module 
18. HTML memory 22 may reside in a suitable storage 
5 medium, such a random access memory (RAM) , read-only 

memory (ROM) , disc, tape storage, or other suitable 
volatile and/or non-volatile data storage system. HTML 
file memory 22 can be a relational data base. HTML file 
memory 22 receives, stores, and forwards HTML files 20 
10 generated by generate module 18. These HTML files 20 can 

be retrieved from HTML file memory 22 as needed to 
generate corresponding web pages. Web pages can be 
embellished with graphics, and in some cases, with 
animation and sound. 
15 A render module 24 is coupled to HTML file memory 

22. The functionality of render module 24 can be 
performed by a processor, such a main-frame, file server, 
work station, or other suitable data processing facility 
running appropriate software, such as, for example, an 
HTML browser. This processor may be the same or separate 
from the processor which performs the functionality for 
generate module 18. Render module 24 is operable to 
retrieve the HTML files 20 generated by generate module 
18 and stored within HTML file memory 22. For each HTML 
file 20, render module 24 functions to generate or render 
a corresponding web page by interpreting the textual 
content and formatting tags of the HTML file 20. The web 
pages rendered by module 24 may.be in the form of 
displays 26. 

In one embodiment, render module 24 may comprise a 
suitable web browser application for interpreting the 
HTML files 22. A web browser is a computer program that 
allows a client to exchange information with the 
Internet. Any of a variety of web browsers are 
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available, such as NETSCAPE NAVIGATOR, MICROSOFT 
EXPLORER, NCSA, MOSAIC, and others that allow users to 
conveniently access and navigate the Internet. The 
standard functions of a browser are to manage the 
5 connection between the client and the network, support 
the transfer of data therebetween, and interpret and 
display the data through a graphical user interface 
(GUI) . To accomplish this, browsers may download and 
interpret information from servers. Because of the 

10 interaction with servers, render module 24 may be coupled 

to the Internet via a connection 25, which can be any 
suitable connection which supports communication, such as 
the transfer of data, between development system 10 and 
the Internet. For example, connection 25 may include any 

15 one or a combination of an Integrated Services Digital 

Network (ISDN) communications line, a hard-wire line, a 
fiber-optic line, a telephone link, or any other suitable 
means for communicating between system 10 and the 
Internet. 

20 Render module 24 reads the tagged textual content of 

an HTML document to provide formatting for the same in a 
corresponding web page, which is presented to a user in 
the form of a display 26. The render module 24 formats 
the various parts of an HTML file 20 for on-screen 

25 display as directed by the HTML tags. 

Render module 24 can be a forms-capable browser, 
meaning that it is able to interpret HTML code which 
provides forms, including fill-in text boxes, option 
buttons, drop-down list boxes, radio buttons, and the 

30 like. Render module 24 may also be a script-enabled 
browser, meaning that it is able to interpret HTML- 
formatted documents that include embedded script within 
the HTML code. Such embedded script is provided to a web 
browser at the client for enhanced processing at the 



BNSDOCID- <WO 9836365 A 1 I > 



WO 98/36365 PCT/US98/02677 

13 



10 



15 



client. The embedded script may be provided in 
JAVASCRIPT format or any other scripting language format 
chat is provided to a web browser at a client for 
enhanced processing. 

Development system 10 may operate on one or more 
computers, shown generally as computer 28. Computer 28 
maintains and executes the instructions to perform the 
receipt of content and format information, the generation 
and storage of HTML files 20, and the rendering of the 
HTML files 20 to produce corresponding web pages which 
are presented as displays 26. Computer 28 includes an 
input device 30, such as a keypad, touch screen, pointing 
device (e.g., mouse) or other device that can accept 
information. An output device 32 conveys information 
associated with the operation of development system 10, 
including digital data, visual information, or audio 
information. Both input device 30 and output device 32 
may include fixed or removal storage media, such as 
magnetic computer disc, optical disc, CD/ ROM, or other 
suitable media to both receive output from and provide 
input to development system 10. The input and output 
devices support the implementation of interface 12. One 
or more processors 34 and their associated memories 
execute instructions and manipulate information in 
25 accordance with the operation of development system 10 , 
described herein. Processor 34 may support generate 
module 18 and render module 24. Computer 28 may also 
include or be coupled to any one or more peripheral 
devices, such as a modem, a printer, speaker, or the 
30 like, which provide or support additional functionality 
for development system 10. Computer 28 may be 
implemented using virtually any type of computer 
operating under the control of a suitable operating 
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system, such as MS-DOS, Macintosh OS, WINDOWS NT, WINDOWS 
95, OS/2, UNIX, XENIX, and the like. 

The present invention contemplates that computer 28 
may function in some respects both as a client, which has 
5 a browser to receive and interpret HTML documents, and as 

a server, which stores HTML documents for retrieval via 
the Internet. 

FIGURE 2 illustrates an exemplary development screen 
36 generated by system 10 shown in FIGURE 1. Screen 36, 
10 which may be a graphical user interface, can be used to 
input, view, modify, or delete information relating to, 
or contained within, a particular HTML file 20. 

As shown, development screen 36 comprises an editing 
panel 38 and a viewing panel 40 which are displayed 
15 simultaneously. Each of editing panel 38 and viewing 

panel 40 includes one or more fields for viewing, 
inputting, selecting, or modifying information. At least 
a portion of these fields can be implemented as buttons, 
list boxes, or any other suitable WINDOWS-type operatives 
20 for viewing or inputting information. For example, list 

boxes present a user with a selection list for inputting 
information. Other fields may require that information 
be input by keying or typing. Still other fields can be 
configured to default to predetermined default items. 
25 Other fields can be managed by development system 10. 

Editing panel 38 may include a window 42 for input 
or receiving content information 14 and/or format 
information 16. As stated above, content information 14 
may comprise textual information which a user desires to 
30 display on a web page. This content information may be 
in the form of letters, numbers, words, alpha-numeric 
combinations, symbols, and the like. In one embodiment, 
content information 14 may be entered into window 42 by 
typing such information into a keyboard. Format 
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information 16 may take the form of tags— i.e., 
instructions enclosed within angled brackets. As 
described herein, the tags can be added or inserted 
throughout the textual content utilizing any one or more 
of the other fields of editing panel 38. 

In particular, a plurality of formatting fields may 
be provided on editing panel 38. Each of these 
formatting fields may comprise a pull-down menu, a list 
box, a button, or any other suitable windows-type input 
device for inputting or viewing information. Preferably, 
a user is able to interact with these devices using a 
suitable pointing device, such as a mouse, in order to 
generate or input format information 16, which appears in 
window 42 in the form of HTML tags. As shown, the 
formatting fields include a format field 44, a table 
field 46, a color field 48, a bold face field 50, an 
italics field 52, an underline field 54, a heading field 
56, and a footer field 58. It should be understood that 
these fields are provided by way of example only. Thus, 
in other embodiments, any other suitable formatting 
fields can be provided in combination with, or instead 
of, any or all of the previously listed formatting fields 
on editing panel 38. 

Format field 44 may comprise a pull-down menu which 
presents a user with a list of various format preferences 
for the text of the content information 14 in window 42. 
This includes font preferences (e.g., Courier, Roman, 
Times New Roman, Onyx, etc.), font size (e.g., 8 point, 
10 point, 12 point, etc.), justifications (e.g., left, 
right, center), margins, typesetting, and the like. 
Table field 4 6 can be used to create a table for the 
content information 14 within window 42. Table field 46 
may comprise a pull-down box specifying a numbe_r of 
preferences to generate such table'.' Color field 48 may 
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include a pull-down box specifying a number of color 
choices for the text within window 42. When any of the 
preferences of format field 44, table field 46, or color 
field 48 are selected, development system 10 will 
5 generate appropriate HTML tags within the text shown in 
window 42. 

Bold face field 50 comprises a button which is used 
to create HTML tags for bold-facing text within window 
42. Likewise, italics field 52 may comprise a button 

10 which is used to generate appropriate HTML tags for 

italicizing the text. Underline field 54 may include a 
button is used to generate HTML tags for underlining 
selected text in window 42. Heading field 56 and footer 
field 58 are provided to generate HTML tags for headings 

15 and footers, respectively, for the text shown within 
window 42. 

As shown, a view field 60 may be also be provided on 
editing panel 38. View field 60 functions to initiate 
the creation or modification of an HTML file 20 
20 comprising the content information 14 and format 

information 16 contained in window 42. View field 60 may 
also function to invoke a suitable browser application, 
such as that of render module 24, to interpret the HTML 
file 20 so that the corresponding web page may be 
25 rendered or displayed as a display 26. In an alternative 
embodiment, however, editing panel 38 may not include any 
view field 60 at all. Rather, the generation of an HTML 
file 20 and the invocation of a browser application to 
interpret the file may occur simultaneously with the 
30 receipt of content and/or format information. 

Viewing panel 40 functions primarily to present a 
web page to a user in the form of a rendered display 26. 
This web page corresponds to the HTML file 20 created or 
modified in the operation of editing panel 38. In 
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particular, after an HTML file 20 has been 
created/modified utilizing editing panel 38, the HTML 
file is interpreted by the browser application to produce 
display 26 on viewing panel 40. 

In operation, development screen 36 is presented to 
a user of development system 10. The user may interact 
with editing panel 38 to create and/or modify an HTML 
file 20. Content information 14 is entered into window 
42, for example, by typing on a keyboard. Format 
information 16 is added to the displayed content 
information 14 using any of the formatting fields 44-58 
provided on editing panel 42. Preferably, to accomplish 
this, the desired text is "highlighted" or selected by 
the user using a suitable pointing device (e.g., mouse). 
One or more of the formatting fields is then selected in 
order to generate appropriate HTML tags either just 
before, or before and after, the selected text. The 
present invention contemplates that a user can also 
insert HTML tags throughout the text in window 42 by 
typing the tags using a keyboard, such as the one by 
which the text is entered as described above. After a 
user has entered or modified the text and HTML tags in 
window 42, the user may select view field 60 in order to 
generate or update an associated HTML file 20. The 
selection of view field 60 also invokes the browser of , 
render module 24 to interpret the HTML file 20 so that a 
corresponding web page is rendered or displayed in 
viewing panel 40 of development screen 36. 

FIGURE 3 is a flow chart of an exemplary method 100 
for developing an HTML document, according to an 
embodiment of the present invention. In one embodiment, 
method 100 corresponds to the operation of development 
system 10 shown and described with reference to FIGURE 1. 
During the steps of method 100, a user may interact with 
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development system 10 via a suitable interface, such as 
exemplary development screen 3 6 shown in FIGURE 2. 
Method 100 is initiated in order to create a new HTML 
file 20 or modify a previously created HTML file 20. 
5 Method 100 begins at step 102 where development 

system 10 is initialized. Each of editing panel 38 and 
viewing panel 40 may be initially presented to a user 
with a suitable message, such messages being 
simultaneously or consequentially displayed. In one 
10 embodiment, window 42 (of editing panel 38) and/or 

viewing panel 40 contains instructions for the operation 
of development system 10, such as, for example, the use 
of development screen 36. In an alternative embodiment, 
no initialization message is presented to the user. The 
15 user may choose to create a new HTML file 20 or, 

alternatively, to modify an existing HTML file 20. If 
the latter is chosen, generate module 18 retrieves the 
appropriate HTML file 20 from HTML file memory 22. After 
initialization, development system 10 is ready to receive 
2 0 information and instructions from the user. 

Thus, at step 104, development system 10 receives 
content information 14 and format information. This 
information may be entered into editing panel 38 (of 
development screen 36) by the user via interface 12, 
25 which, in one embodiment, may comprise both a keyboard * 
and a pointing device. Specifically, content information 
14 is typed in to window 42 of editing panel 38 using the 
keyboard. Format information 16, in the form of HTML 
tags, may be inserted throughout content information 14, 
30 for example, by highlighting the desired content 
information 14 using the pointing device and then 
selecting from formatting fields 44-58. 

At step';06, as content information 14 and_ format 
information 16 is being entered, or afterwards, generate 



WO 98/36365 



PCT/US98/02677 



19 



10 



module 18 generates a new HTML file 20 or modifies an 
existing HTML file 20 in response. Such HTML file 20 is 
stored in HTML file memory 22, for example, as it is 
being created or modified. The HTML file 20 corresponds 
to a web page, which can be displayed in the form of a 
display 26. 

At step 108, development system 10 determines 
whether view field 60 on editing panel 38 has been 
selected by a user. If view field 60 has been selected, 
render module 24 retrieves the HTML file 20 from HTML 
file memory 22. At step 110, render module 24 interprets 
the content information 14 and format information 16 
within HTML file 20 in order to render a corresponding 
web page in the form of a display 26. This display 26 is " 
15 presented to the user on viewing panel 40 of screen 36. 

Development system 10 then moves to step 112. On the 
other hand, if it is determined at step 108 that a user 
has not selected view field 60, then system 10 skips the 
step of rendering a display 26 and moves directly to step 
20 112. 

It should be understood that in an alternative 
embodiment editing panel 38 does not include a view field 
60, in which case, method 100 does not include step 108. 
The rendering of a corresponding web page occurs 
25 simultaneously with the receipt of content and format 

information at step 104 and/or the generation of an HTML 
file 20 at step 106. 

At step 112, it is determined whether the user has 
elected to end this session for developing an HTML file 
30 20. If the user has not elected to end the session, 
development system 10 returns to step 104 where 
additional content and/or format information is received 
at interface 12. Otherwise, if it is determined that the 
user has elected to end, then method 100 ends. 
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Development system 10 may repeat steps 104-112, 
during which a user alternately (1) enters information on 
editing panel 38 to generate or modify the HTML file 20, 
and (2) views a display 26 for a corresponding web page 
5 on viewing panel 40. All HTML tags which are generated 
and inserted into the textual information are visible in 
window 42. Display 26 shows how the HTML tags support 
the formatting and layout of the textual information in 
the resultant web page. 

10 From the above, it can be seen that the system and 

method of the present invention can be utilized as a 
development tool for developing HTML files 20 and 
resultant web pages. Furthermore, the system and method 
may serve as a tutorial for teaching users HTML markups. 

15 Although the present invention and its advantages 

have been described in detail, it should be understood 
that various changes, substitutions, and alterations can 
be made therein without departing from the spirit and 
scope of the invention as defined by the appended claims. 

20 
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WHAT rs CLAIMED IS : 

1. A system for developing Hyper Text Markup 
Language (HTML) documents, the system comprising: 

an interface having an editing panel and a viewing 
5 panel simultaneously displayed, the editing panel 
operable to receive content information and format 
information, the viewing panel operable to display a web 
page; and 

a processor coupled to the interface, the processor 
10 operable to generate or modify an HTML file in response 
to the content information and format information, the 
processor further operable to interpret the HTML file in 
order to render the web page. 

15 2 . The system of Claim 1, wherein the processor 

comprises a browser application. 

3. The system of Claim 1, further comprising a 
memory coupled to the processor and operable to store the 

20 HTML file. 

4. The system of Claim 1, wherein the editing 
panel comprises a graphical user interface comprising: 

a window operable to receive the content 
25 information; and 

an interactive device operable to generate format 
information at selected locations throughout the content 
information. 



30 



5. The system of Claim 1, wherein the format 
information comprises at least one HTML tag. 
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6. The system of Claim 1, wherein the editing 
panel comprises an interactive device for generating an 
HTML tag. 

7. The system of Claim 1, wherein the interface is 
operable to display instructions to a user on at least 
one of the editing panel or the viewing panel. 
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8. A system for developing Hyper Text Markup 
Language (HTML) documents, the system comprising: 

an interface having an editing panel and a viewing 
panel simultaneously displayed, the editing panel 
5 comprising a graphical user interface operable to receive 

content information and format information, the viewing 
panel operable to display a web page; and 

a processor coupled to the interface, the processor 
operable to generate or modify an HTML file in response 
10 to the content information and format information, the 

processor comprising a browser application operable to 
interpret the HTML file in order to render the web page 
on the viewing panel. 

15 9. The system of Claim 8, wherein the graphical 

user interface comprises: 

a window operable to receive the content 

information; and 

an interactive device operable to generate format 
20 information at selected locations throughout the content 
information. 

10. The system of Claim 8, further comprising a 
memory coupled to the processor and operable to store the 

25 HTML file. 

11. The system of Claim 8, wherein the format 
information comprises at least one HTML tag. 
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12. The system of Claim 8, wherein the interface is 
operable to display instructions to a user on at least 
one of the editing panel or the viewing panel. 
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13. A method for developing Hyper Text Markup 
Language (HTML) documents, comprising the steps of: 

simultaneously displaying an editing panel and a 
viewing panel; 

5 receiving content information and format information 

at the editing panel; 

generating an HTML file in response to the content 
information and the format information; 

interpreting the generated HTML file in order to 
10 render a web page corresponding to the HTML file; and 

displaying the rendered web page on the viewing 
panel . 

14. The method of Claim 13, wherein the step of 
15 receiving content information and format information 

comprises the steps of: 

displaying a graphical user interface comprising a 
window and an interactive device; 

receiving content information at the window; and 
20 generating format information at selected locations 

throughout the content information in response to actions 
received at the interactive device. 

15. The method of Claim 13, further comprising the 
25 step of storing the HTML file in a memory. 

16. The method of Claim 13, wherein the step of 
interpreting the generated HTML file comprises 
interpreting using a browser application. 
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17. The method of Claim 13, wherein the editing 
panel comprises an interactive device for generating an 
HTML tag. 
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18. The method of Claim 13, further comprising the 
step of initializing the editing panel and the viewing 
panel . 

19. The method of Claim 13, further comprising the 
step of displaying instructions to a user on at least one 
of the editing panel or the viewing panel. 
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